/// 页面 * 弹框

<template>
  <Page>
    <ExDialog v-model:visible="dialog.visible" title="标题" footer="Dawrin">
      <div style="width: 400px; background-color: blueviolet"> Darwin </div>
    </ExDialog>
    <button @click="dialog.visible = !dialog.visible"> trigger </button>
  </Page>
</template>

<script setup lang="ts">
import type { ExDialogProps } from '@expresso/plus'
import { Page } from '@/components'

const dialog = shallowReactive<ExDialogProps>({
  visible: false,
  onOk() {
    console.log('OK')
  },
})
</script>

<style scoped lang="scss"></style>
